<style>
body {
	background: #fff;
}
.green {color:#09ba07}
.green-bg {background:#09ba07}
.fui-content{background:#fff}
.fe-floatback a {
    width: 1.3rem;
    height: 1.3rem;
    line-height: 1.3rem;
    opacity: 0.6;
}
.fe-mod-14 {
    min-height: 174px;
	padding-bottom: 2.1rem;
	background: #fff;
}

.fe-mod-14 a , .fe-mod-14 a:hover {
    color: inherit;
    text-decoration: none;
}

.fe-mod-14 img {
    width: 100%;
    display: block;
}

.fe-mod-14-menu {
    height: 45px;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,0.4);
    color: #fff;
}

.fe-mod-14-menu a {
    color: inherit;
}

.fe-mod-14-nav {
    height: 40px;
    width: 25%;
    padding-top: 5px;
    float: left;
    text-align: center;
    font-size: 12px;
}

.fe-mod-14-nav i {
    font-size: 18px;
}

.fe-mod-14-nav-on {
    height: 45px;
    border-bottom: 3px solid #dd2322;
}

.fe-mod-14-shopname {
    height: 24px;
    width: 100%;
    position: absolute;
    top: 7rem;
    left: 0px;
}
.fe-mod-14-name {
    height: 1.4rem;
    width: auto;
    line-height: 1.4rem;
    margin: auto;
    display: table;
    font-size:0.7rem;
    padding: 0px 15px;
}
.fe-mod-14-map {
    width: auto;
    background: rgba(0,0,0,0.2);
    margin: auto;
    display: table;
    border-radius: 1.4rem;
    font-size:0.6rem;
    color: #fff;
    padding: 0px 0.7rem;
}

.fe-mod-14-shoplogo {
    height: 80px;
    width: 80px;
    padding: 4px;
    margin-left: -40px;
    position: absolute;
    top: 3.6rem;
    left: 50%;
}
.fe-mod-14-shoplogo-img {
    height: 70px;
    width: 70px;
    padding: 4px;
    border-radius: 10px;
    margin: auto;
}
.fe-mod-14-shoplogo-img .vip {
	background: #09ba07 none repeat scroll 0 0;
    color: #fff;
    position: absolute;
    top: 2.6rem;
	margin-left:2.2rem;
	height: 0.85rem;
    width: 0.85rem;
    vertical-align: top;
    z-index: 100;
	line-height:1.2;
	text-align:center;
	border: 1.3px solid #fff;
	border-radius:0.85rem;
}
.fe-mod-14-shoplogo-img img {
    height: 60px;
    width: 60px;
    border-radius: 10px;
}
.fe-mod-14-shopinfo {
	position: absolute;top:10.2rem;left:2.5%;width:95%;padding: 12px 0 10px;background-color: #fff;border-radius: 10px;border: 1px solid #f2f2f2;
}
.fe-mod-14-shopinfo .desc {
	padding:0 0.8rem;
	font-size:0.6rem;
}
.fe-mod-14-shopinfo .data {
	padding:0 0.8rem;
	margin-top:0.6rem;
	font-size:0.55rem;
	color:#999
}
.post-card .image img { border-radius:2.2rem;}
.item-line-nav {margin:0.2rem;padding: 0.1rem;background-color: #09ba07;border-radius: 10px;text-align:center;line-height:1.2rem}
.fe-floatright-bottom a {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 100%;
    background-color: #5dcb5c;
    color: #fff;
    line-height: 0.7rem;
	font-size:0.45rem;
    margin: 0.5rem auto;
    margin-right: 0;
}
.fe-floatright-bottom a .icon {
    color: #fff;
    font-size: 0.6rem;
    height: 0.6rem;
	line-height: 1rem;
    opacity: 1;
}
</style>
<div ng-include="sys_html('_header')"></div>
<div class="fui-page order-create-page fui-page-current" >
	<div class="fui-content">
		<div class="fe-mod fe-mod-14">
			<div ng-if="pagedata.quanid >0" class="fe-floatback" style="position: absolute;right:0.6rem;top:6rem;width:4rem;">
				<a ng-click="access_json('jy_weishop/merch//plugin_name=jy_quan&uid='+pagedata.quanid)" style="width:1.6rem;height:1.6rem;background:#fff;margin:0.2rem auto">
					<i class="icon icon-dianpu" style="color:#000;line-height:1.6rem;font-size:1rem"></i>
				</a>
				<span class="c" style="font-size:0.60rem">TA的小店</span>
			</div>
			<div ng-if="pagedata.snsid >0 || pagedata.pluginset.issns!=1" class="fe-floatback" style="position: absolute;right:0.6rem;top:6rem;width:4rem;z-index:10">
				<a ng-click="access_json('/selectitem//snsid='+pagedata.snsid)" style="width:1.6rem;height:1.6rem;background:#fff;margin:0.2rem auto">
					<i class="icon icon-tianjia" style="color:#000;line-height:1.6rem;font-size:1rem"></i>
				</a>
				<span class="c" style="font-size:0.60rem">发布接龙</span>
			</div>
			<img ng-src="{{tomedia(pagedata.pluginset.topbg) || '../addons/jy_quan/resource/images/topbg.jpg'}}" style="height:13rem"/>
			<div class="fe-mod-14-shopname">
				<div class="fe-mod-14-name">{{pagedata.quaninfo.title}}</div>
				<div ng-if="pagedata.pluginset.pcd_type!=1 && pagedata.pluginset.pcd_type!=2" class="fe-mod-14-map"><i class="icon icon-map" style="color: #fff;"></i> {{pagedata.quaninfo.pcd.city}} {{pagedata.quaninfo.pcd.district || pagedata.quaninfo.title}}</div>
				<div ng-if="pagedata.pluginset.pcd_type==1" class="fe-mod-14-map"><i class="icon icon-map" style="color: #fff;"></i> {{pagedata.quaninfo.pcd.province}} {{pagedata.quaninfo.pcd.city || pagedata.quaninfo.title}}</div>
				<div ng-if="pagedata.pluginset.pcd_type==2" class="fe-mod-14-map"><i class="icon icon-map" style="color: #fff;"></i> {{pagedata.quaninfo.title}}</div>
			</div>
			<div class="fe-mod-14-shoplogo"> 
				<div class="fe-mod-14-shoplogo-img">
					<img ng-src="{{tomedia(pagedata.quaninfo.logo) || '../core/resource/images/nopic.jpg'}}"/>
					<span class="vip"><i class="icon jinyunicon icon-vip5" style="font-size:0.5rem;padding-left:0.1rem;color:#fff"></i></span>
				</div>
			</div>
			<div class="fe-mod-14-shopinfo">
				<div class="desc overflow-h2">{{pagedata.quaninfo.desc || '生活圈，分享时时动态，了解周边接龙活动信息！这里有各种特色小吃，有你周边圈发生的一些事情...'}}</div>
				<div class="data">
				<span>浏览 {{pagedata.looksnum || 0}}</span> 
				<span style="margin-left:0.6rem">粉丝 {{pagedata.fensnum || 0}}</span>  
				<span style="margin-left:0.6rem"> 接龙 {{pagedata.jielinum || 0}}</span> 
				<span style="float:right">
				<span ng-click="pagedata.setfollow();toogle(pagedata,'isfans',[1,0])" style="color:#09ba07"><i ng-class="{'icon jinyunicon':1,'icon-follow':pagedata.isfans !=1,'icon-xiai':pagedata.isfans ==1}" style="color:#09ba07"></i> {{pagedata.isfans==1?'已关注':'关注'}}</span>
				<span onclick="$('#showsharecover').modal();" style="margin-left:1rem;color:#09ba07"><i class="icon jinyunicon icon-fenxiang2" style="font-size:0.5rem;color:#09ba07"></i> 分享</span>
				</span>
				</div>
			</div>
		</div>
		<div class="fui-searchbar bar" style="z-index: 0;">
			<div ng-class="{'searchbar':1,'searchbar-active':pagedata.searchbar ==1}" style="background:#fff">
					<div style="position: relative;left:0;top:0;">
						<div class="search-input">
							<i id="searchsub" class="fa fa-search"  ng-click="tool.get_list('jy_quan/index/getlist/',true)"></i>
							<input type="search" placeholder="输入搜索" class="search" ng-model="pagedata.params.keyword" style="text-align: left; color: #999; font-size:0.56rem;background:#f9f9f9" />
						</div>
					</div>
			</div>
		</div>
		<div ng-if="pagedata.snsid>0 && !pagedata.loading && pagedata.list.length<1" class="fui-card fui-card-list fui-card-full post-card">
			<a class='fui-card-info' style="margin-bottom:0.3rem" ng-click="access_json('/item//id='+row.id)" >
				<div class='image'>
					<img ng-src="{{tomedia(pagedata.member.avatar) || '../core/resource/images/nopic.jpg'}}"  />
				</div>
				<div class="text">
					<span class="title" style="height:1rem;color:#f60">{{pagedata.member.nickname || '匿名'}}</span>
					<span class="subtitle" style="font-size:0.5rem;padding-top:0.1rem">{{pagedata.member.createtime || '1天前'}} 入驻</span>
				</div>
			</a>
			<div class="fui-card-content" style="margin-left:2.5rem;">
				<b class="fui-card-content-title">
					本圈还未发布帖子,邀请你发帖哦！
				</b>
				<div class="item-line-nav" style="margin-right:2rem" ng-click="access_json('/selectitem//snsid='+pagedata.snsid)">
					<i class="icon icon-shuru" style="color:#fff"></i> <span class="subtitle" style="color:#fff">我要发帖</span>
				</div>
			</div>
		</div>
		
		<div class="fui-card fui-card-list fui-card-full post-card" ng-repeat="row in pagedata.sysitems">
			<div ng-include="sys_html('_listitem')"></div>
		</div>
		<div class="fui-card fui-card-list fui-card-full post-card" ng-repeat="row in pagedata.list">
			<div ng-include="sys_html('_listitem')"></div>
		</div>
		<div ng-if="pagedata.loading" class='infinite-loading'><span class='fui-preloader'></span><span style="margin-left:1.5rem"> 正在加载...</span></div>
	</div>
	<div ng-include="sys_html('_footer')"></div>
</div>
<!--分享弹层-->
<div id="showsharecover" class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
<div class="modal-dialog" style="width:100%;left:0;top:0">
	<div id="cover">
		<div class='fui-mask-m visible'></div>
		<div class='arrow'></div>
		<div class='content'>请点击右上角<br/>通过【发送给朋友】<br/>转发给好友哦</div>
	</div>
</div>
</div>
<!--留言-->
<div id="showremark" class="modal fade" tabindex="-1" style="z-index:99999;display:none;">
	<div class="modal-dialog" style="width:100%;left:0;bottom:0">
		<div class="modal-bottom">
			<div class="fui-cell-group">
				<div class="fui-cell">
					<div class="fui-cell-label" style="width:100px;font-size:0.9rem">留言</div>
				</div>
				<div class="fui-cell">
					<div class="fui-cell-info c000">
						<textarea rows="5" placeholder="50字以内（选填）" ng-model="pagedata.post.msg"></textarea>
					</div>
				</div>
			</div>
			<div class="fui-navbar">
				<a aria-hidden="true" data-dismiss="modal" ng-click="post(pagedata.post,'setmsg')" class="nav-item btn btn-success confirmbtn">确定</a>
			</div>
		</div>
	</div>
</div>
<div ng-if="pagedata.showbossset==1" id="unpaid">
    <div class="unpaid-alert" style="height:18rem;margin-top:-10rem">
        <div class="unpaid-title">{{pagedata.quaninfo.bossmid==0?'恭喜您！可以申请成为圈主！':'恭喜您！带来的访问超越了圈主'}}</div>
        <div class="unpaid-subtitle" style="margin:0.1rem auto;font-size:0.65rem">成为圈主可以享受很多权益噢！</div>
        <div class="unpaid-content fui-list-group" style="padding:0.4rem">
                <div class="fui-cell-group fui-comment-group" style="margin-top:0">
						<div class="fui-cell">
							<div class="fui-cell-text">
								<div style="font-size:0.75rem;font-weight:bold;width:100%"><i class="icon jinyunicon icon-jisutuikuan" style="color:#00c1de"></i> 圈主专属特权</div>
								<div style="font-size:0.65rem;font-weight:bold;width:100%;padding-top:0.5rem; list-sytyle:circle">1、置顶一条主题</div>
								<div style="font-size:0.5rem;color:#999;width:100%;padding-top:0.33rem"> 可以置顶一条主题帖子，获得独享流量。</div>
							</div>
						</div>
						<div class="fui-cell" style="margin-top:-0.5rem;padding-top:0">
							<div class="fui-cell-text ">
								<div style="font-size:0.65rem;font-weight:bold;width:100%;padding-top:0.33rem; list-sytyle:circle">2、随机广告展示</div>
								<div style="font-size:0.5rem;color:#999;width:100%;padding-top:0.33rem"> 可以新增一条图片广告，广告会随机在主题之间展示。</div>
							</div>
						</div>
				</div>
				<div class="fui-cell-group fui-comment-group">
						<div class="fui-cell">
							<div class="fui-cell-text">
								<div style="font-size:0.75rem;font-weight:bold;width:100%"><i class="icon jinyunicon icon-licai"  style="color:#00c1de"></i> 圈主的义务</div>
								<div style="font-size:0.65rem;font-weight:bold;width:100%;padding-top:0.5rem; list-sytyle:circle">1、审核帖子,维护圈环境</div>
								<div style="font-size:0.5rem;color:#999;width:100%;padding-top:0.33rem">圈主有维护圈环境，健康活跃的义务！</div>
							</div>
						</div>
				</div>
        </div>
        <a id="btn-pay" ng-click="post({},'jy_quan/index/setboss/');" class=" btn btn-success disable block">点击成为圈主</a>
        <i class="icon icon-cuowu" ng-click="pagedata.showbossset=0" style="font-size:1.5rem;color:#fff;position: absolute;top:100%;left:46%"></i>
    </div>
</div>
<div class="fe-floatright-bottom right" style="bottom:2.6rem;">
			<a href="javascript:;" style="background-color: #09ba07;" ng-click="toogle(pagedata,'show_itemtype',[1,0])">
				<i ng-class="{'icon':1,'icon-less':pagedata.show_itemtype !=1,'icon-moreunfold':pagedata.show_itemtype ==1}" style="font-size:0.8rem;"></i>
				<div style="line-height:0.3rem">{{pagedata.show_itemtype !=1?'分类':'关闭'}}</div>
			</a>
</div>
<div ng-if="pagedata.show_itemtype" class="fe-floatright-bottom right" style="bottom:5rem;">
		<a ng-if="pagedata.pluginset.open_types.indexOf(';0;')>=0" ng-click="pagedata.params.type=0;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-fenxiaodianzhao"></i>
				<div style="line-height:0.3rem">互动</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';7;')>=0" ng-click="pagedata.params.type=7;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-success"></i>
				<div style="line-height:0.3rem">供求</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';1;')>=0" ng-click="pagedata.params.type=1;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-gouwuchexuanzhong"></i>
				<div style="line-height:0.3rem">拼团</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';2;')>=0" ng-click="pagedata.params.type=2;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-tuikuan1"></i>
				<div style="line-height:0.3rem">红包</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';3;')>=0" ng-click="pagedata.params.type=3;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-yuyue"></i>
				<div style="line-height:0.3rem">报名</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';4;')>=0" ng-click="pagedata.params.type=4;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-office"></i>
				<div style="line-height:0.3rem">阅读</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';5;')>=0" ng-click="pagedata.params.type=5;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-templatedefault"></i>
				<div style="line-height:0.3rem">评选</div>
		</a>
		<a ng-if="pagedata.pluginset.open_types.indexOf(';6;')>=0" ng-click="pagedata.params.type=6;tool.get_list('jy_quan/index/getlist/',true)">
				<i class="icon icon-dollar"></i>
				<div style="line-height:0.3rem">费用</div>
		</a>
</div>
<script>
scope.pagedata.loading = true;  //状态标记
scope.isnodata = false;
scope.pagedata.list =[];
//滚动加载
scope.pagedata.params.keyword = ''
scope.pagedata.scroll_bottom=function(){
	scope.tool.get_list('jy_quan/index/getlist/');
}
console.log('scope.pagedata');console.log(scope.pagedata);
scope.pagedata.post_upsns=function(pcd){
	scope.post_json('/index/upsns/',{'pcd':pcd},function(res){
					window.sharedata.title = res.sharedata.title
					window.sharedata.link = res.sharedata.link
					window.sharedata.desc = res.sharedata.desc
					window.sharedata.imgUrl = res.sharedata.imgUrl
					var getlist = scope.pagedata.getlist;
					var setfollow = scope.pagedata.setfollow;
					var setshoucang = scope.pagedata.setshoucang;
					var extradata = scope.pagedata.extradata;
					res.sysitems=scope.pagedata.sysitems;
					scope.pagedata= res;
					scope.pagedata.list =[];
					scope.pagedata.getlist= getlist;
					scope.tool.get_list('jy_quan/index/getlist/',true);
					scope.pagedata.setfollow= setfollow;
					scope.pagedata.setshoucang= setshoucang;
					scope.pagedata.extradata= extradata;
					//console.log('scope.pagedata');console.log(scope.pagedata);
					scope.$evalAsync();
	});
}
if(scope.pagedata.upsns){
	if(scope.pagedata.pcd && scope.pagedata.pcd.province){
		scope.pagedata.post_upsns(scope.pagedata.pcd);
	}else{
		window.scope.location(function(re){
			//scope.message(re.addressComponents.district,'error');
			scope.pagedata.post_upsns(re.addressComponents);
			//console.log(re.addressComponents);
		});
	}
}else{
	scope.tool.get_list('jy_quan/index/getlist/',true);
}
//获取关注
scope.pagedata.setfollow=function(){
	var params={
		op:'follow',
		callback:function(res){
			scope.message(res)
		}
	};
	scope.post_json(params);
}
//收藏订阅
scope.pagedata.setshoucang=function(pid){
	var params={
		data:{'isshoucang':scope.pagedata.isshoucang,'pid':pid},
		op:'shoucang',
		callback:function(res){
			scope.message(res)
		}
	};
	scope.post_json(params);
}
//获取信息
scope.pagedata.getnotice=function(){
	var params={
		op:'getnotice',
		callback:function(res){
			scope.message(res)
		}
	};
	scope.post_json(params);
}
scope.pagedata.getnotice();
//手机软键盘--搜索
$("body").keydown(function() {
    if (event.keyCode == "13") {
        $('#searchsub').click();
    }
});
</script>